import { View, Text, Input, Icon } from '@tarojs/components'
import Taro from '@tarojs/taro';
import './order.scss'
// wyc

const go = () => {
  Taro.navigateTo({
    url: '/pages/Order/order_msg'
  })
}

const Order = () => {
  return (
    <View className='index'>
      <View className='header'>
        <View>鲜丰水果</View>
        <Text>扫描提货码</Text>
      </View>
      <View className='order_state'>
        <View>
          <Text>1</Text>
          <Text>未提货</Text>
        </View>
        <View>
          <Text>2</Text>
          <Text>已提货</Text>
        </View>
      </View>
      <View className='order_msg'>
        <View>
          <View>提货订单</View>
          <Text>时间排序</Text>
        </View>
        <View>
          <Input type='text' placeholder='请输入......' focus />
          <Icon size='20' type='search' />
        </View>
        <View className='msg_style' onClick={go}>
          <View className='msg_name'>
            [3人成团] 泰国龙眼200g/份
          </View>
          <View className='msg_sketch'>
            提货人：李明 | 手机号：1856666666 | 数量：x1
          </View>
          <View className='msg_state gray_state'>未提货</View>
        </View>
        <View className='msg_style' onClick={go}>
          <View className='msg_name'>
            [10人成团] 泰国龙眼200g/份
          </View>
          <View className='msg_sketch'>
            提货人：李明 | 手机号：1856666666 | 数量：x1
          </View>
          <View className='msg_state red_state'>已提货</View>
        </View>
        <View className='msg_style' onClick={go}>
          <View className='msg_name'>
            [3人成团] 泰国龙眼200g/份
          </View>
          <View className='msg_sketch'>
            提货人：李明 | 手机号：1856666666 | 数量：x1
          </View>
          <View className='msg_state red_state'>已提货</View>
        </View>
      </View>
    </View>
  )
}
export default Order;